<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
  <!-- <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'"> -->
  <title>Electron Project</title>
  <link rel="stylesheet" href="./css/index.css" />
</head>

<body>
  <input type="file" id="fileInput" multiple>
  <button onclick="handleUpload()">上传文件</button>
  <button onclick="handleReset()">清空列表</button>
  <button onclick="handleConvert()">生成拼音</button>
  <button onclick="handleSetting()">&#9784;设置</button>
  <div class="progress-box">
  </div>
  <div class="info-area">
    <ul class="files-list">
    </ul>
    <ul class="file-detail">
    </ul>
    <div class="result-preview"></div>
  </div>
  <div class="custom-pinyin">
    <fieldset>
      <legend>自定义拼音</legend>
      <button class="cp-button" onclick="handleImport()">导入</button>
      <br />
      <button class="cp-button" onclick="handleEdit()">打开</button>
      <br />
      <button class="cp-button" onclick="handleDownload()">下载</button>
    </fieldset>
    <fieldset style="margin-top: 10px;">
      <legend>单词测试</legend>
      <input class="test-text" placeholder="请输入文字" type="text" />
      <div class="test-result"></div>
    </fieldset>
  </div>
  <!-- <custom-import-pop></custom-import-pop> --><!-- Web Components 自定义组件 -->
  <div class="version"></div>
  <script src="./renderer.js"></script>
  <script type="module" src="./js/components/customImport/customImport.js"></script>
</body>

</html>